<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>Shop</title>
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="font/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="style/reset.css" />
    <link rel="stylesheet" type="text/css" href="style/shop.css" />
    <link rel="stylesheet" type="text/css" href="style/common.css"/>
	</head>
	<body>
		<div class="box">
      <!-- 头部搜索框 -->
			<header>
				<div class="header">
					<div class="search">
						<div class="iconfont icon-sousuo suo"></div>
						<input type="search" placeholder="搜索内容" />
						<div class="clear"></div>
					</div>
				</div>
			</header>
			<section>
				<div class="box2">
					<div class="item">
						<div class="item-img">
							<img src="images/item_1.png" alt="">
						</div>
						<div class="txt">
							<div class="title">包子的美食店铺</div>
							<div class="left-box">
								<div class="left-title">
									<img src="images/meishi.png">
									美食
								</div>
								<div class="left-txt">
									<p>起送价￥15元</p>
									<p>配送费￥2元</p>
								</div>
							</div>
							<div class="right-box">
								<div class="right-gps">
									<img src="images/gps.png">
									2.2km
								</div>
								<div class="right-txt">
									月售：454521
								</div>
							</div>
							<div class="clear"></div>
							<div class="button">
								<div class="left-button">
									优惠券满20减10元
								</div>
								<div class="left-button">
									优惠券满30减15元
								</div>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="item-img">
							<img src="images/item_1.png" alt="">
						</div>
						<div class="txt">
							<!-- div.a 这样的格式 再按tab键 -->
							<div class="title">包子的美食店铺</div>
							<div class="left-box">
								<div class="left-title">
									<img src="images/meishi.png">
									美食
								</div>
								<div class="left-txt">
									<p>起送价￥15元</p>
									<p>配送费￥2元</p>
								</div>
							</div>
							<div class="right-box">
								<div class="right-gps">
									<img src="images/gps.png">
									2.2km
								</div>
								<div class="right-txt">
									月售：454521
								</div>
							</div>
							<div class="clear"></div>
							<div class="button">
								<div class="left-button">
									优惠券满20减10元
								</div>
								<div class="left-button">
									优惠券满30减15元
								</div>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="item-img">
							<img src="images/item_1.png" alt="">
						</div>
						<div class="txt">
							<!-- div.a 这样的格式 再按tab键 -->
							<div class="title">包子的美食店铺</div>
							<div class="left-box">
								<div class="left-title">
									<img src="images/meishi.png">
									美食
								</div>
								<div class="left-txt">
									<p>起送价￥15元</p>
									<p>配送费￥2元</p>
								</div>
							</div>
							<div class="right-box">
								<div class="right-gps">
									<img src="images/gps.png">
									2.2km
								</div>
								<div class="right-txt">
									月售：454521
								</div>
							</div>
							<div class="clear"></div>
							<div class="button">
								<div class="left-button">
									优惠券满20减10元
								</div>
								<div class="left-button">
									优惠券满30减15元
								</div>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="item-img">
							<img src="images/item_1.png" alt="">
						</div>
						<div class="txt">
							<!-- div.a 这样的格式 再按tab键 -->
							<div class="title">包子的美食店铺</div>
							<div class="left-box">
								<div class="left-title">
									<img src="images/meishi.png">
									美食
								</div>
								<div class="left-txt">
									<p>起送价￥15元</p>
									<p>配送费￥2元</p>
								</div>
							</div>
							<div class="right-box">
								<div class="right-gps">
									<img src="images/gps.png">
									2.2km
								</div>
								<div class="right-txt">
									月售：454521
								</div>
							</div>
							<div class="clear"></div>
							<div class="button">
								<div class="left-button">
									优惠券满20减10元
								</div>
								<div class="left-button">
									优惠券满30减15元
								</div>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="item-img">
							<img src="images/item_1.png" alt="">
						</div>
						<div class="txt">
							<!-- div.a 这样的格式 再按tab键 -->
							<div class="title">包子的美食店铺</div>
							<div class="left-box">
								<div class="left-title">
									<img src="images/meishi.png">
									美食
								</div>
								<div class="left-txt">
									<p>起送价￥15元</p>
									<p>配送费￥2元</p>
								</div>
							</div>
							<div class="right-box">
								<div class="right-gps">
									<img src="images/gps.png">
									2.2km
								</div>
								<div class="right-txt">
									月售：454521
								</div>
							</div>
							<div class="clear"></div>
							<div class="button">
								<div class="left-button">
									优惠券满20减10元
								</div>
								<div class="left-button">
									优惠券满30减15元
								</div>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="item-img">
							<img src="images/item_1.png" alt="">
						</div>
						<div class="txt">
							<!-- div.a 这样的格式 再按tab键 -->
							<div class="title">包子的美食店铺</div>
							<div class="left-box">
								<div class="left-title">
									<img src="images/meishi.png">
									美食
								</div>
								<div class="left-txt">
									<p>起送价￥15元</p>
									<p>配送费￥2元</p>
								</div>
							</div>
							<div class="right-box">
								<div class="right-gps">
									<img src="images/gps.png">
									2.2km
								</div>
								<div class="right-txt">
									月售：454521
								</div>
							</div>
							<div class="clear"></div>
							<div class="button">
								<div class="left-button">
									优惠券满20减10元
								</div>
								<div class="left-button">
									优惠券满30减15元
								</div>
							</div>
						</div>
					</div>
				</div>
      </section>
      <!-- 底部导航 -->
			<nav>
				<div class="nav">
					<ul>
						<li>
							<a href="">
								<img src="images/nav_1.png" >
								主页
							</a>
						</li>
						<li>
							<a href="">
								<img src="images/nav_22.png" >
								店铺
							</a>
						</li>
						<li>
							<a href="">
								<img src="images/nav_3.png" >
								订单
							</a>
						</li>
						<li>
							<a href="">
								<img src="images/nav_4.png" >
								我的
							</a>
						</li>
					</ul>
				</div>
			</nav>
		</div>
	</body>
</html>
